<template>
    <div class="m-header">
        <div class="icon"></div>
        <h1 class="text">Chicken Music</h1>
    </div>
</template>
<script>
export default {

}
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
@import "../../common/stylus/variable.styl"
@import "../../common/stylus/mixin.styl"
.m-header
    height 44px
    text-align center
    color $color-theme
    font-size 0
    .icon
        width 30px
        height 32px
        display inline-block
        vertical-align top
        bg-image('logo')
        background-size 30px 32px
        margin-top 5px
        margin-right 5px
    .text
        display inline-block
        line-height 44px
        font-size $font-size-large

</style>


